import Card from "@/components/common/Card";
import ByButton from "@/components/ui/ByButton";
import BySquare from "@/components/ui/BySquare";
import { Text, View } from "@tarojs/components";

export default () => {
  return (
    <View className="flex items-center my-4">
      <BySquare className="relative bg-primary text-white z-10" size={90}>
        设计
      </BySquare>

      <Card className="flex-auto -ml-[46px]">
        <View className="ml-6">
          <View className="flex justify-between">
            <Text className="font-bold text-lg">郭德纲</Text>
            <Text className="font-bold text-lg text-primary">SS9013</Text>
          </View>

          <View className="my-3 text-third text-sm">
            深圳市福田区皇御苑A-12-1219
          </View>

          <View className="flex justify-between items-center">
            <View className="text-sm">
              <Text className="text-second">待派岗位：</Text>
              <Text className="font-bold text-primary ">3</Text>
            </View>

            <View className="text-sm">
              <Text className="text-second">工人：</Text>
              <Text className="font-bold text-primary ">3</Text>
            </View>

            <ByButton type="primary">派工</ByButton>
          </View>
        </View>
      </Card>
    </View>
  );
};
